<div class="index-lesson zbj-grid">
    <h4 class="index-lesson-tit">众创公开课</h4>
    <div class="index-lesson-content">
        <div class="lesson-content-offline fl">
            <h5 class="content-tit fl">线下公开课</h5>
            <a href="/lesson/" class="content-more fr">查看更多<i class="icon-more"></i></a>
            <div class="offline-main">
                <a href="{%$lesson.offline.recmd.zbj_link%}" class="offline-main-pic fl">
                    <img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=331%C3%97220&w=331&h=220" alt="线下公开课" />
                </a>
                <div class="offline-main-item fr">
                    <div class="main-item-content">
                        <h6 class="item-tit text-overflow">
                            <a href="{%$lesson.offline.recmd.zbj_link%}">{%$lesson.offline.recmd.art_title%}</a>
                        </h6>
                        <p class="item-time">
                            {%$lesson.offline.recmd.ls_date%}
                        </p>
                        <p class="item-info">
                            {%$lesson.offline.recmd.art_brief%}
                        </p>
                    </div>
                    <ul class="offline-content-list">

                        {%foreach $lesson.offline.list as $list%}
                        <li class="list-item">
                            <p class="list-item-info text-overflow fl"><a href="{%$list.zbj_link%}">{%$list.art_title%}</a></p>
                            <span class="list-item-time fr">{%$list.ls_date%}</span>
                        </li>
                        {%/foreach%}
                    </ul>
                </div>
            </div>
        </div>
        <div class="lesson-content-online fr">
            <h5 class="content-tit fl">线上公开课</h5>
            <a href="/lesson/" class="content-more fr">查看更多<i class="icon-more"></i></a>
            <div class="online-content">
                <a href="{%$lesson.online.recmd.zbj_link%}" class="online-content-pic fl">
                    <img src="{%$lesson.online.recmd.art_image%}" alt="线上公开课" >
                </a>
                <div class="content-item-main fr">
                    <h6 class="item-tit text-overflow">
                        <a href="{%$lesson.online.recmd.zbj_link%}">{%$lesson.online.recmd.art_title%}</a>
                    </h6>
                    <p class="item-time">
                        发布时间：{%$lesson.online.recmd.ls_date%}
                    </p>
                    <p class="item-info">
                        {%$lesson.online.recmd.art_brief%}
                    </p>
                </div>
            </div>
            <ul class="online-list">

                {%foreach $lesson.online.list as $list%}
                <li class="list-item">
                    <p class="list-item-info text-overflow fl">
                        <a href="{%$list.zbj_link%}">
                            {%$list.art_title%}
                        </a>
                    </p>
                    <span class="list-item-time fr">{%$list.ls_date%}</span>
                </li>
                {%/foreach%}

            </ul>
        </div>
    </div>
</div>